import React, { useEffect, useState } from "react"
import { Outlet, useLocation, NavLink, useNavigate } from "react-router-dom"

import './index.css'
import banner from '../../assets/u=270711349,2152740631&fm=253&fmt=auto&app=138&f=JPEG.webp'

export default (props) => {

    // template

    let TEMPLATE;
    if (React) {
        TEMPLATE = () => (
            <>
                <div className="wraps">
                    <div className="wrapsin">
                        <div className="imgwrap" style={{ background: " url('" + banner + "') no-repeat center", backgroundSize: 'cover' }}></div>
                        <div className="titlewrap">
                            {props.name}
                        </div>
                    </div>
                </div>
            </>
        )
    }

    /* ### */

    return TEMPLATE()

}